import StatusConteiner from "@/components/StatusConteiner";
import { EmptyIcon } from "@/components/Icons";
import { View } from "@tarojs/components";
import { TStatus } from "@/types";
import { COLORS } from "@/utils/constants";

type Props = {
  type?: TStatus;
  text?: string;
};
const Empty = ({ type = "default", text = "" }: Props) => {
  return (
    <StatusConteiner
      type={type}
      style={{
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
      }}
    >
      <View>
        <EmptyIcon type="default" size={2.4} />
      </View>
      <View style={{ fontSize: "14px", color: COLORS.default }}>{text}</View>
    </StatusConteiner>
  );
};

export default Empty;
